<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业详情 - 就业指引</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/detail.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2947256_9qbh50wkrzf.css">
</head>
<body>
    <header class="header">
        <div class="header-container">
            <div class="back-btn">
                <i class="iconfont icon-back"></i>
            </div>
            <h1 class="header-title">企业详情</h1>
            <div class="share-btn">
                <i class="iconfont icon-share"></i>
            </div>
        </div>
    </header>

    <div class="main-content">
        <!-- 企业基本信息 -->
        <div class="company-banner">
            <img src="" alt="" class="company-cover">
            <div class="company-info">
                <h2 class="company-name"></h2>
                <div class="company-tags"></div>
            </div>
        </div>

        <!-- 企业介绍和导航 -->
        <div class="detail-nav">
            <div class="nav-item active" data-target="intro">企业介绍</div>
            <div class="nav-item" data-target="position">招聘职位</div>
            <div class="nav-item" data-target="culture">企业文化</div>
            <div class="nav-item" data-target="reviews">员工评价</div>
        </div>

        <!-- 内容区域 -->
        <div class="detail-content">
            <!-- 企业介绍 -->
            <div class="content-section active" id="intro">
                <div class="section-title">企业简介</div>
                <div class="section-content company-intro">
                    <!-- 动态加载内容 -->
                </div>
                
                <div class="section-title">基本信息</div>
                <div class="section-content">
                    <div class="info-list">
                        <!-- 动态加载内容 -->
                    </div>
                </div>
                
                <div class="section-title">办公环境</div>
                <div class="section-content">
                    <div class="office-gallery">
                        <!-- 动态加载内容 -->
                    </div>
                </div>
            </div>
            
            <!-- 招聘职位 -->
            <div class="content-section" id="position">
                <div class="section-title">热招职位</div>
                <div class="section-content">
                    <div class="position-list">
                        <div class="job-item" data-id="j101">
                            <a href="internship-detail.html?id=j101" class="job-link">
                                <div class="job-header">
                                    <h3 class="job-title">高级前端开发工程师</h3>
                                    <div class="job-salary">25-35K/月</div>
                                </div>
                                <div class="job-tags">
                                    <span class="job-tag">本科及以上</span>
                                    <span class="job-tag">3年以上</span>
                                    <span class="job-tag">Vue</span>
                                    <span class="job-tag">React</span>
                                    <span class="job-tag">微前端</span>
                                </div>
                                <div class="job-desc">
                                    负责公司核心产品的前端开发，参与技术方案设计，推动前端架构优化，具有良好的代码风格和编程习惯
                                </div>
                                <div class="job-footer">
                                    <div class="job-location"><i class="iconfont icon-location"></i> 北京</div>
                                    <div class="job-date">2023-04-15</div>
                                </div>
                            </a>
                            <button class="apply-now-btn">立即申请</button>
                        </div>
                        
                        <div class="job-item" data-id="j102">
                            <a href="internship-detail.html?id=j102" class="job-link">
                                <div class="job-header">
                                    <h3 class="job-title">Java后端开发工程师</h3>
                                    <div class="job-salary">20-35K/月</div>
                                </div>
                                <div class="job-tags">
                                    <span class="job-tag">本科及以上</span>
                                    <span class="job-tag">2年以上</span>
                                    <span class="job-tag">Java</span>
                                    <span class="job-tag">Spring</span>
                                    <span class="job-tag">微服务</span>
                                </div>
                                <div class="job-desc">
                                    负责公司核心系统的后端开发，参与系统架构设计，保证系统的稳定性、可扩展性和安全性
                                </div>
                                <div class="job-footer">
                                    <div class="job-location"><i class="iconfont icon-location"></i> 深圳</div>
                                    <div class="job-date">2023-04-20</div>
                                </div>
                            </a>
                            <button class="apply-now-btn">立即申请</button>
                        </div>
                        
                        <div class="job-item" data-id="j103">
                            <a href="internship-detail.html?id=j103" class="job-link">
                                <div class="job-header">
                                    <h3 class="job-title">产品经理</h3>
                                    <div class="job-salary">25-40K/月</div>
                                </div>
                                <div class="job-tags">
                                    <span class="job-tag">本科及以上</span>
                                    <span class="job-tag">3年以上</span>
                                    <span class="job-tag">互联网</span>
                                    <span class="job-tag">数据分析</span>
                                </div>
                                <div class="job-desc">
                                    负责产品规划和迭代优化，推动产品从需求到落地，协调多方资源把控产品研发进度
                                </div>
                                <div class="job-footer">
                                    <div class="job-location"><i class="iconfont icon-location"></i> 北京</div>
                                    <div class="job-date">2023-04-25</div>
                                </div>
                            </a>
                            <button class="apply-now-btn">立即申请</button>
                        </div>
                        
                        <div class="view-more-btn-container">
                            <a href="internships.html?company=tencent" class="view-more-link">
                                查看全部职位 <i class="iconfont icon-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
                
                <div class="section-title">校招计划</div>
                <div class="section-content">
                    <div class="recruitment-plan">
                        <div class="plan-card">
                            <div class="plan-header">
                                <h3 class="plan-title">2023届秋季校园招聘</h3>
                                <div class="plan-status ongoing">进行中</div>
                            </div>
                            <div class="plan-content">
                                <div class="plan-info"><i class="iconfont icon-time"></i> 2023-09-01 至 2023-11-30</div>
                                <div class="plan-info"><i class="iconfont icon-target"></i> 面向2024届应届毕业生</div>
                                <div class="plan-info"><i class="iconfont icon-location"></i> 全国重点高校</div>
                                <div class="plan-description">
                                    招聘涵盖技术研发、产品设计、市场营销、运营等多个岗位方向，提供具有竞争力的薪资福利和广阔的发展空间。
                                </div>
                                <div class="plan-schedule">
                                    <div class="schedule-item">
                                        <div class="schedule-dot active"></div>
                                        <div class="schedule-label">简历投递</div>
                                        <div class="schedule-date">09/01-10/15</div>
                                    </div>
                                    <div class="schedule-item">
                                        <div class="schedule-dot"></div>
                                        <div class="schedule-label">笔试</div>
                                        <div class="schedule-date">10/20-10/30</div>
                                    </div>
                                    <div class="schedule-item">
                                        <div class="schedule-dot"></div>
                                        <div class="schedule-label">面试</div>
                                        <div class="schedule-date">11/01-11/20</div>
                                    </div>
                                    <div class="schedule-item">
                                        <div class="schedule-dot"></div>
                                        <div class="schedule-label">offer发放</div>
                                        <div class="schedule-date">11/25-11/30</div>
                                    </div>
                                </div>
                            </div>
                            <div class="plan-footer">
                                <a href="recruitment-detail.html?id=p1" class="plan-btn">查看详情</a>
                                <a href="#" class="plan-btn apply">立即申请</a>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="section-title">实习机会</div>
                <div class="section-content">
                    <div class="internship-list">
                        <div class="job-item internship" data-id="i101">
                            <a href="internship-detail.html?id=i101" class="job-link">
                                <div class="job-header">
                                    <h3 class="job-title">前端开发实习生</h3>
                                    <div class="job-salary">5-8K/月</div>
                                </div>
                                <div class="job-tags">
                                    <span class="job-tag">本科在读</span>
                                    <span class="job-tag">3个月+</span>
                                    <span class="job-tag">JavaScript</span>
                                </div>
                                <div class="job-desc">
                                    参与公司产品的前端开发，学习前端技术栈和工程化实践，培养独立解决问题的能力
                                </div>
                                <div class="job-footer">
                                    <div class="job-location"><i class="iconfont icon-location"></i> 北京</div>
                                    <div class="job-date">2023-05-10</div>
                                </div>
                            </a>
                            <button class="apply-now-btn">立即申请</button>
                        </div>
                        
                        <div class="job-item internship" data-id="i102">
                            <a href="internship-detail.html?id=i102" class="job-link">
                                <div class="job-header">
                                    <h3 class="job-title">产品经理实习生</h3>
                                    <div class="job-salary">4-6K/月</div>
                                </div>
                                <div class="job-tags">
                                    <span class="job-tag">本科在读</span>
                                    <span class="job-tag">6个月+</span>
                                    <span class="job-tag">产品思维</span>
                                </div>
                                <div class="job-desc">
                                    协助产品经理完成产品需求收集、用户调研、竞品分析等工作，参与产品设计和迭代
                                </div>
                                <div class="job-footer">
                                    <div class="job-location"><i class="iconfont icon-location"></i> 北京</div>
                                    <div class="job-date">2023-05-12</div>
                                </div>
                            </a>
                            <button class="apply-now-btn">立即申请</button>
                        </div>
                        
                        <div class="view-more-btn-container">
                            <a href="internships.html?company=tencent&type=intern" class="view-more-link">
                                查看全部实习 <i class="iconfont icon-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 企业文化 -->
            <div class="content-section" id="culture">
                <div class="section-title">企业价值观</div>
                <div class="section-content">
                    <div class="company-values">
                        <div class="value-item">
                            <div class="value-icon"><i class="iconfont icon-integrity"></i></div>
                            <div class="value-title">正直诚信</div>
                            <div class="value-desc">坚守底线，言行一致，以诚相待</div>
                        </div>
                        <div class="value-item">
                            <div class="value-icon"><i class="iconfont icon-innovation"></i></div>
                            <div class="value-title">拥抱变化</div>
                            <div class="value-desc">勇于创新，开放包容，持续进化</div>
                        </div>
                        <div class="value-item">
                            <div class="value-icon"><i class="iconfont icon-user"></i></div>
                            <div class="value-title">用户为本</div>
                            <div class="value-desc">关注体验，创造价值，诚挚服务</div>
                        </div>
                        <div class="value-item">
                            <div class="value-icon"><i class="iconfont icon-team"></i></div>
                            <div class="value-title">协作共赢</div>
                            <div class="value-desc">团队合作，共同成长，共享成功</div>
                        </div>
                    </div>
                </div>
                
                <div class="section-title">员工福利</div>
                <div class="section-content">
                    <div class="benefits-list">
                        <div class="benefit-item">
                            <div class="benefit-icon"><i class="iconfont icon-insurance"></i></div>
                            <div class="benefit-title">五险一金</div>
                            <div class="benefit-desc">提供完善的社会保险和住房公积金</div>
                        </div>
                        <div class="benefit-item">
                            <div class="benefit-icon"><i class="iconfont icon-medical"></i></div>
                            <div class="benefit-title">商业保险</div>
                            <div class="benefit-desc">额外提供商业医疗保险和意外险</div>
                        </div>
                        <div class="benefit-item">
                            <div class="benefit-icon"><i class="iconfont icon-vacation"></i></div>
                            <div class="benefit-title">带薪年假</div>
                            <div class="benefit-desc">法定年假基础上额外提供带薪假期</div>
                        </div>
                        <div class="benefit-item">
                            <div class="benefit-icon"><i class="iconfont icon-education"></i></div>
                            <div class="benefit-title">培训发展</div>
                            <div class="benefit-desc">提供专业培训和职业发展规划</div>
                        </div>
                    </div>
                </div>
                
                <div class="section-title">企业活动</div>
                <div class="section-content">
                    <div class="event-list">
                        <a href="activity-detail.html?id=c1" class="event-item">
                            <div class="event-image">
                                <img src="https://source.unsplash.com/featured/300x200/?tech,conference/1" alt="2023技术开放日">
                                <div class="event-status upcoming">即将开始</div>
                            </div>
                            <div class="event-info">
                                <h3 class="event-title">2023技术开放日</h3>
                                <div class="event-time"><i class="iconfont icon-time"></i> 2023-06-20 10:00-17:00</div>
                                <div class="event-location"><i class="iconfont icon-location"></i> 北京总部</div>
                                <div class="event-desc">与一线工程师面对面交流，了解前沿技术发展趋势</div>
                            </div>
                        </a>
                        
                        <a href="activity-detail.html?id=c2" class="event-item">
                            <div class="event-image">
                                <img src="https://source.unsplash.com/featured/300x200/?hackathon/1" alt="2023黑客马拉松">
                                <div class="event-status upcoming">即将开始</div>
                            </div>
                            <div class="event-info">
                                <h3 class="event-title">2023黑客马拉松</h3>
                                <div class="event-time"><i class="iconfont icon-time"></i> 2023-07-15 09:00-23:00</div>
                                <div class="event-location"><i class="iconfont icon-location"></i> 深圳科技园</div>
                                <div class="event-desc">48小时极限编程挑战，展示创新能力和团队协作</div>
                            </div>
                        </a>
                        
                        <div class="view-more-btn-container">
                            <a href="activities.html?company=tencent" class="view-more-link">
                                查看全部活动 <i class="iconfont icon-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 员工评价 -->
            <div class="content-section" id="reviews">
                <div class="section-title">综合评分</div>
                <div class="section-content">
                    <div class="overall-rating">
                        <!-- 动态加载内容 -->
                    </div>
                </div>
                
                <div class="section-title">详细评价</div>
                <div class="section-content">
                    <div class="review-list">
                        <!-- 动态加载内容 -->
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 相关企业推荐 -->
        <div class="related-section">
            <div class="section-title">相关企业推荐</div>
            <div class="related-list">
                <!-- 动态加载内容 -->
            </div>
        </div>
        
        <!-- 悬浮动作按钮 -->
        <div class="action-buttons">
            <div class="action-btn collect-btn">
                <i class="iconfont icon-star"></i>
                <span>收藏</span>
            </div>
            <div class="action-btn apply-btn">
                <span>投递简历</span>
            </div>
        </div>
    </div>

    <script src="../js/main.js"></script>
    <script src="../js/detail.js"></script>
</body>
</html> 